﻿@charset "utf-8";
/* CSS Document */
.clear{
	clear:both;
}
.our-service{
	width:100%;
	background:#fff;
	overflow:hidden;
}
.ser-con{
	width:1200px;
	margin:0 auto;
	padding-bottom:62px;
}
.ser-con h2{
	text-align:center;
	margin-top:57px;
}
.ser-con ul li{
	float:left;
	margin:42px 5px 0 5px;
}
.ser-con ul li a{
	width:284px;
	height:384px;
	display:block;
}
.ser-con ul li .a1{
	background:url(../images/img-01.jpg) no-repeat center center;
}
.ser-con ul li .a1:hover{
	background:url(../images/img1.jpg) no-repeat center center;
}
.ser-con ul li .a2{
	background:url(../images/img-02.jpg) no-repeat center center;
}
.ser-con ul li .a2:hover{
	background:url(../images/img2.jpg) no-repeat center center;
}
.ser-con ul li .a3{
	background:url(../images/img-03.jpg) no-repeat center center;
}
.ser-con ul li .a3:hover{
	background:url(../images/img3.jpg) no-repeat center center;
}
.ser-con ul li .a4{
	background:url(../images/img-04.jpg) no-repeat center center;
}
.ser-con ul li .a4:hover{
	background:url(../images/img4.jpg) no-repeat center center;
}
/*东方华美装饰集团*/
.hmzs{
	width:100%;
	height:559px;
	background:url(../images/hmzs-bj.jpg) no-repeat center center;
	overflow:hidden;
}
.hmzs-con{
	width:1200px;
	margin:0 auto;
}
.hmzs-con h2{
	text-align:center;
	 margin-top:57px;
	 margin-bottom:45px;
}
.hmjs-l{
	float:left;
	width:706px;
	padding-left:33px;
}
.hmjs-l h3{
	font-size:24px;
	color:#fff;
}
.hmjs-l p{
	font-size:18px;
	color:#fff;
	line-height:33px;
	margin:24px 0;
	text-indent:2em;
}
.hmjs-l a{
	font-size:18px;
	color:#9f9ea0;
}
/*我们的服务案例*/
.case-work{
	width:100%;
	background:#fff;
	overflow:hidden;
}
.case-work-con{
	width:1146px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:75px;
	padding:0 27px 75px 27px;
}
.case-work-con h2{
	text-align:center;
	margin-top:57px;
}
.case-work-con h3{
	text-align:right;
	line-height:66px;
	font-weight:400;
}
.case-work-con h3 a{
	font-size:14px;
	color:#8c8c8c;
}
.case-work-con h3 .more{
	color:#d60011;
}
.case1,.case2{
	width:1139px;
	margin:0 auto;
	overflow:hidden;
}
.case1-left{
	float:left;
	margin-right:7px;
	position:relative;
}
.case-l-mask{
	width:348px;
	height:459px;
	background:#141a23;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition: all 0.5s linear;
	padding:0 51px;
}
.case1-left a:hover > .case-l-mask{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case-l-mask h6,.case-r-mask1 h6,.case-r-mask2 h6{
	font-size:18px;
	color:#cccccc;
	border-bottom:1px solid #76787d;
	margin-top:279px;
	padding-bottom:17px;
}
.case-l-mask .has,.case-r-mask1 .has,.case-r-mask2 .has{
	font-size:18px;
	color:#cccccc;
	line-height:38px;
}
.case1-right{
	width:681px;
	float:left;
}
.case1-r-1,.case1-r-2{
	float:left;
	position:relative;
}
.case1-r-2{
	margin-right:0;
}
.case-r-mask1,.case-r-mask2{
	width:349px;
	height:226px;
	position:absolute;
	background:#141a23;
	top:0;
	left:0;
	opacity:0;
	transition: all 0.5s linear;
	padding:0 51px;
}
.case-r-mask2{
	width:198px;
    height:226px;
    padding:0 12px;
}
.case1-r-1 a:hover > .case-r-mask1{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case1-r-2 a:hover > .case-r-mask2{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case-r-mask1 h6{
	margin-top:54px;
}
.case-r-mask2 h6{
	margin-top:54px;
}
.case2{
	margin-top:7px;
}
.case2 .case2-l{
	float:left;
	width:223px;
	margin-right:6px;
}
.case2-l-t,.case2-l-b{
	float:left;
	position:relative;
}
.case2-l-mask1,.case2-l-mask2{
	width:206px;
	height:227px;
	position:absolute;
	top:0;
	left:0;
	background:#141a23;
	opacity:0;
	transition: all 0.5s linear;
	padding:0 8px;
}
.case2-l-t a:hover > .case2-l-mask1{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case2-l-b a:hover > .case2-l-mask2{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case2-l-mask1 h6,.case2-l-mask2 h6{
	font-size:18px;
	color:#cccccc;
	border-bottom:1px solid #76787d;
	padding-bottom:17px;
	margin-top:54px;
}
.case2-l-mask1 .has,.case2-l-mask2 .has{
	font-size:18px;
	color:#cccccc;
	line-height:38px;
}
.case2 .case2-c{
	float:left;
	position:relative;
}
.case2-c-mask{
	width:577px;
	height:460px;
	position:absolute;
	top:0;
	left:0;
	background:#141a23;
	opacity:0;
	transition:all 0.5s linear;
	padding:0 51px;
}
.case2-c a:hover > .case2-c-mask{
	 opacity:0.8;
	 transform: scale(1.01);
}
.case2-c-mask h6{
	font-size:18px;
	color:#cccccc;
	border-bottom:1px solid #76787d;
	margin-top:288px;
	padding-bottom:17px;
}
.case2-c-mask .has{
	font-size:18px;
	color:#cccccc;
	line-height:38px;
}
.case2 .case2-r{
	float:right;
	width:222px;
	margin-right:4px;
	position:relative;
}
.case2-r-mask{
	width:198px;
	height:460px;
	position:absolute;
	top:0;
	left:0;
	background:#141a23;
	opacity:0;
	transition:all 0.5s linear;
	padding:0 12px;
}
.case2-r-mask h6{
	font-size:18px;
	color:#cccccc;
	border-bottom:1px solid #76787d;
	margin-top:288px;
	padding-bottom:17px;
}
.case2-r-mask .has{
	font-size:18px;
	color:#cccccc;
	line-height:38px;
}
.case2-r a:hover > .case2-r-mask{
	 opacity:0.8;
	 transform: scale(1.01);
}
/*广告*/
.advertisement{
	width:100%;
	height:114px;
	background:#d60011;
}
.advertisement-con{
	width:1200px;
	margin:0 auto;
}
.adv-l{
	float:left;
}
.adv-r{
	float:right;
}
/*6大专业优势*/
.major-adv{
	width:100%;
	height:756px;
	background:url(../images/major-adv-bj.jpg) no-repeat center center;
}
.major-adv-c{
	width:1200px;
	margin:0 auto;
}
.major-adv-c h2{
	text-align:center;
	padding-top:57px;
}
.major-adv-con{
	margin:60px 0;
	padding:0 24px;
}
.major-adv-con li{
	float:left;
	margin:0 4px;
	position:relative;
	width:374px;
	height:238px;
}
.major-adv-con li a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:374px;
}
.major-adv-con li a .list_mask{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 4;
  background:#f93e4a;
  opacity:0;
 transition: all 1s linear;
 }
 .major-adv-con li a .list_mask1{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 4;
  opacity: 100;
 transition: all 1s linear;
 }
.major-adv-con li a img{
	transition: all 1s linear;
 }
.major-adv-con li a:hover > img{
	 transform: scale(1.01);
}
.major-adv-con li a:hover > .list_mask{
	 opacity:2;
	 transform: scale(1.01);
}
.major-adv-con li:nth-child(4){
	margin-top:10px;
}
.major-adv-con li:nth-child(5){
	margin-top:10px;
}
.major-adv-con li:nth-child(6){
	margin-top:10px;
}
.list_mask h6{
	text-align:center;
	line-height:74px;
	font-size:24px;
	margin-top:33px;
	color:#fff;
}
.list_mask span{
	width:45px;
	border-bottom:1px solid #fff;
	display:block;
	margin:0 auto;
}
.list_mask p{
	font-size:14px;
	color:#fff;
	line-height:20px;
	margin:0 auto;
	margin-top:37px;
	width:271px;
	text-align:center;
}
.list_mask1 h6{
	text-align:center;
	line-height:74px;
	font-size:24px;
	margin-top:33px;
	color:#000;
}
.list_mask1 span{
	width:45px;
	border-bottom:1px solid #000;
	display:block;
	margin:0 auto;
}
.list_mask1 p{
	font-size:14px;
	color:#000;
	line-height:20px;
	margin:0 auto;
	margin-top:37px;
	width:271px;
	text-align:center;
}
/*服务流程*/
.service-flow{
	width:100%;
	height:303px;
	background:url(../images/ser-flow-bj.jpg) no-repeat center center;
	overflow:hidden;
}
.ser-flow-con{
	width:1200px;
	margin:0 auto;
}
.ser-flow-con h2{
	text-align:center;
	padding-top:57px;
}
<!--服务承诺-->
.ser-com{
	width:100%;
	background:#fff;
	overflow:hidden;
}
.ser-com-con{
	width:1200px;
	margin:0 auto;
}
.ser-com-con h2{
	text-align:center;
	padding-top:57px;
}
.ser-com-con ul{
	padding:0 11px;
	overflow:hidden;
}
.ser-com-con li{
	width:162px;
	height:162px;
	float:left;
	margin:65px 15px 59px 15px;
}
.ser-com-con li a{
	display:block;
	width:162px;
	height:162px;
}
.ser-com-con li .a_1{
	background:url(../images/ser-com1.jpg) no-repeat center center;
}
.ser-com-con li .a_2{
	background:url(../images/ser-com2.jpg) no-repeat center center;
}
.ser-com-con li .a_3{
	background:url(../images/ser-com03.jpg) no-repeat center center;
}
.ser-com-con li .a_4{
	background:url(../images/ser-com4.jpg) no-repeat center center;
}
.ser-com-con li .a_5{
	background:url(../images/ser-com5.jpg) no-repeat center center;
}
.ser-com-con li .a_6{
	background:url(../images/ser-com6.jpg) no-repeat center center;
}
.ser-com-con li .a_1:hover{
	background:url(../images/ser-com01.jpg) no-repeat center center;
}
.ser-com-con li .a_2:hover{
	background:url(../images/ser-com02.jpg) no-repeat center center;
}
.ser-com-con li .a_3:hover{
	background:url(../images/ser-com3.jpg) no-repeat center center;
}
.ser-com-con li .a_4:hover{
	background:url(../images/ser-com04.jpg) no-repeat center center;
}
.ser-com-con li .a_5:hover{
	background:url(../images/ser-com05.jpg) no-repeat center center;
}
.ser-com-con li .a_6:hover{
	background:url(../images/ser-com06.jpg) no-repeat center center;
}
/*我们的客户*/
.our-clients{
	width:100%;
	background:#d60011;
	overflow:hidden;
}
.our-clients-con{
	width:1200px;
	margin:0 auto;
}
.our-clients-con h2{
	text-align:center;
	padding-top:57px;
}
.our-clients-con ul{
	overflow:hidden;
	padding:37px 0 63px 0;
	}
.our-clients-con li{
	width:167px;
	float:left;
	margin:18px 14px 0 14px;
}
.our-clients-con li p{
	font-size:18px;
	color:#fff;
	text-align:center;
	margin-top:8px;
	
}
/*新闻*/
.hm-news{
	width:100%;
	background:#fff;
	overflow:hidden;
}
.hm-news-con{
	width:1200px;
	margin:60px auto 50px auto;
}
.new-a,.new-b,.new-c{
	width:361px;
	float:left;
	margin:0 11px 22px 28px;
	
}
.new-a h4,.new-b h4,.new-c h4{
	width:361px;
	border-bottom:2px solid #d60011;
	padding-bottom:10px;
	font-size:24px;
	color:#1f2934;
}
.new-a h4 a,.new-b h4 a,.new-c h4 a{
	display:block;
	float:right;
	font-size:12px;
	color:#606060;
	line-height:50px;
}
 .new-a-con{
	overflow:hidden;
	margin-top:15px;
}
.new-a-con img{
	float:left;
}
.new-a-con p{
	width:176px;
	float:left;
	padding:10px 0 0 15px;
	font-size:14px;
	color:#666;
}
.new-a li a{
	font-size:14px;
	color:#666;
	line-height:34px;
}
.new-b li{
	line-height:33px;
	font-size:14px;
}
.new-c-top,.new-c-bottom{
	width:361px;
	margin-top:15px;
}
.new-c-top h5,.new-c-bottom h5{
	width:361px;
	/*border-bottom:1px solid #e5e5e5;*/
	color:#565656;
	padding-left:7px;
	padding-bottom:3px;
	font-size:14px;
}
.new-c-top p,.new-c-bottom p{
	font-size:13px;
	color:#626366;
	margin-top:2px;
	padding-left:7px;
	line-height:20px;
}
.new-a dl a:hover{
	color:#666;
}
.new-b li a:hover{
	color:#666;
}
.new-a-con{
	overflow:hidden;
	margin-top:15px;
}
.new-a-con img{
	float:left;
}
.new-a-con p {
	width:207px;
	float:left;
	padding:0px 0 0 10px;
	font-size:12px;
	color:#999;
	line-height:22px;
	margin-top:12px;
}
.new-a-con h5{
    width:211px;
    float:left;
    font-weight:400;
   	line-height:20px;
    color:#333;
    padding-left:9px;
}
.new-a ul,.new-b ul{
	margin-top:10px;
}
.new-a li a{
	font-size:14px;
	color:#333;
	line-height:34px;
}
.new-b li a{
	color:#333;
}
.new-a h4,.new-b h4,.new-c h4{
	font-size:18px;
}
.new-c-top h5 a:hover,.new-c-bottom h5 a:hover{
	color:#666;
}
a:hover{
	color:#666;
	text-decoration:underline;
}





